<template>
  <div id="app">
    <div
      ref="screenRef"
      class="data-screen"
      :style="screenStyle"
    >
      <Dashboard />
    </div>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import { useScreenScale } from '@/composables/useScreenScale.js'
import Dashboard from '@/views/Dashboard.vue'

const screenRef = ref(null)
const { screenStyle } = useScreenScale(screenRef)
</script>

<style lang="scss">
@import '@/styles/global.scss';
</style>
